<div class="banner">
    <div id="content-slider"> 
        <a href="#">
            <img src="images/slide-1.png" alt=""/>
        </a>
        <a href="#">
            <img src="images/slide-2.png" alt=""/>
        </a>
        <a href="#">
            <img src="images/slide-3.png" alt=""/>
        </a>
        <a href="#">
            <img src="images/4.png" alt=""/>
        </a>
    </div>
    <p class="shadow"></p>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('#content-slider').coinslider({width: 880, height: 300, navigation: true, opactity: 0.5, delay: 4000});
        });
    </script>
</div>